<template>
  <div id="app">
    <CodeEditor/>
    哈哈哈
  </div>
</template>

<script>
import CodeEditor from "@/components/CodeEditor";
import ace from 'ace-builds/src-noconflict/ace';
export default {
  name: 'App',
  components: {CodeEditor},
  data() {
    return {
      code: `function hello() {
  console.log('Hello, world!222!!!');
}`,
      sql: `select * from user where name='小皇冠' and age > 21`
    }
  },
  created() {
    console.log(ace)
  }
}
</script>

<style lang="less" scoped>
pre {
  padding: 10px;
  background: #f5f5f5;
  border-radius: 5px;
}
</style>
